<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	/*每个页面公共css */
	@top_bg: #6390FD;
	@main_bg: #6390FD;
	@centent_bg: #F2F5FE;
	@tabs_item_height: 78rpx;
	@all_width: 750rpx;
	@high_bg: #FF0000;
	@middle_bg: #FDC07A;
	@low_bg: #16CD79;
	@label_color: white;
	@label_radius: 10rpx;
	@label_fs: 14rpx;
	@vice_color: #B1B6C5;
	@invalid_bg: #A2AFD0;
	
	.level-1 {
		background-color: #FF0000;
	}
	
	.level-2 {
		background-color: #FC9429;
	}
	
	.level-3 {
		background-color: #6490FD;
	}
	
	.level-4 {
		background-color: #07C160;
	}
	
	.mt5 {
	  margin-top: 5rpx;
	}
	
	.mt10 {
	  margin-top: 10rpx;
	}
	
	.mt15 {
	  margin-top: 15rpx;
	}
	
	.mt20 {
	  margin-top: 20rpx;
	}
	
	.mt30 {
	  margin-top: 30rpx;
	}
	
	.mt40 {
	  margin-top: 40rpx;
	}
	
	.mt78 {
	  margin-top: 78rpx;
	}
	
	.pt78 {
	  padding-top: 78rpx;
	}
	
	.pt100 {
	  padding-top: 100rpx;
	}
	
	.ml5 {
	  margin-left: 5rpx;
	}
	
	.ml10 {
	  margin-left: 10rpx;
	}
	
	.ml20 {
	  margin-left: 20rpx;
	}
	
	.ml30 {
	  margin-left: 30rpx;
	}
	
	.ml50 {
	  margin-left: 50rpx;
	}
	
	.m5 {
	  margin: 5rpx;
	}
	
	.m10 {
	  margin: 10rpx;
	}
	
	.m20 {
	  margin: 20rpx;
	}
	
	.m30 {
	  margin: 30rpx;
	}
	
	.mr5 {
	  margin-right: 5rpx;
	}
	
	.mr10 {
	  margin-right: 10rpx;
	}
	
	.mr20 {
	  margin-right: 20rpx;
	}
	
	.mr30 {
	  margin-right: 30rpx;
	}
	
	.mb5 {
	  margin-bottom: 5rpx;
	}
	
	.mb10 {
	  margin-bottom: 10rpx;
	}
	
	.mb20 {
	  margin-bottom: 20rpx;
	}
	
	.mb30 {
	  margin-bottom: 30rpx;
	}
	
	.mw300 {
	  max-width: 300rpx;
	}
	
	.mw350 {
	  max-width: 350rpx;
	}
	
	.p5 {
	  padding: 5rpx;
	}
	
	.p10 {
	  padding: 10rpx;
	}
	
	.p-t-b-20 {
	  padding: 20rpx 0;
	}
	
	.pb0 {
	  padding-bottom: 0 !important;
	}
	
	.pt0 {
	  padding-top: 0 !important;
	}
	
	.pb100 {
	  padding-bottom: 100rpx;
	}
	
	.pb20 {
	  padding-bottom: 20rpx;
	}
	
	.pb30 {
	  padding-bottom: 30rpx;
	}
	
	.pb120 {
	  padding-bottom: 120rpx;
	}
	
	.pb140 {
	  padding-bottom: 140rpx;
	}
	
	.pb150 {
	  padding-bottom: 150rpx;
	}
	
	.pt30 {
	  padding-top: 30rpx;
	}
	
	.pt20 {
	  padding-top: 20rpx;
	}
	
	.pt40 {
	  padding-top: 40rpx;
	}
	
	// 字体
	
	// 宽高度；
	.w20 {
	  width: 20rpx;
	}
	
	.w32 {
	  width: 32rpx;
	}
	
	.h32 {
	  height: 32rpx;
	}
	
	.h64 {
	  height: 64rpx;
	}
	
	.w36 {
	  width: 36rpx;
	}
	
	.w64 {
	  height: 64rpx;
	}
	
	.h36 {
	  height: 36rpx;
	}
	
	.w100 {
	  width: 100rpx;
	}
	
	.w140 {
	  width: 140rpx;
	}
	
	.w375 {
	  width: 375rpx;
	}
	
	.w-10 {
	  width: calc(100% - 10rpx);
	}
	
	.w-20 {
	  width: calc(100% - 20rpx);
	}
	
	.w-30 {
	  width: calc(100% - 30rpx);
	}
	
	.w-40 {
	  width: calc(100% - 40rpx);
	}
	
	.w-140 {
	  width: calc(@all_width - 140rpx);
	}
	
	.w-100 {
	  width: calc(@all_width - 100rpx);
	}
	
	.h20 {
	  height: 20rpx;
	  line-height: 20rpx;
	}
	
	.h140 {
	  height: 140rpx;
	}
	
	.h160 {
	  height: 160rpx;
	}
	
	.minH140 {
	  min-height: 140rpx;
	}
	
	.h100 {
	  height: 100rpx;
	}
	
	.h98 {
	  height: 98rpx;
	}
	
	.h60 {
	  height: 60rpx;
	}
	
	.w60 {
	  width: 60rpx;
	}
	
	.w500 {
	  width: 500rpx;
	}
	
	.w480 {
	  width: 480rpx !important;
	}
	
	.w600 {
	  width: 600rpx;
	}
	
	.w690 {
	  width: 690rpx;
	}
	
	.work-page-class {
		.item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 40rpx;
			height: 154rpx;
	
			.left {
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
	
				.left-item-1 {
					height: 50rpx;
					display: flex;
					align-items: center;
	
					.status-box {
						width: 76rpx;
						height: 40rpx;
						text-align: center;
						line-height: 40rpx;
						color: #fff;
						font-size: 24rpx;
						margin: 0 10rpx;
						border-radius: 18rpx;
					}
				}
	
				.left-item-2 {
					display: flex;
					align-items: center;
	
					image {
						width: 18rpx;
						height: 24rpx;
					}
	
					.address {
						color: #A2AFD0;
						font-size: 24rpx;
					}
				}
	
				.left-item-3 {
					color: #A2AFD0;
					font-size: 24rpx;
				}
			}
	
			.right {
				padding: 0 20rpx;
				border-radius: 20rpx;
				color: #fff;
				text-align: center;
				align-items: center;
				font-size: 24rpx;
				line-height: 40rpx;
			}
		}
	}
	
	.fswl-main {
		width: 750rpx;
		margin: 0 auto;
	}
	
	.top-search {
	  display: flex;
	  align-items: center;
	  width: 750rpx;
	  height: 96rpx;
	  background-color: @top_bg;
	  justify-content: space-evenly;
	
	  .left-canvas {
	    display: flex;
	    justify-content: center;
	
	    .content {
	      width: 90rpx;
	      height: 68rpx;
	      border-radius: 34rpx;
	      background-color: #4172E8;
	      display: flex;
	      justify-content: center;
	      align-items: center;
	    }
	  }
	
	  .search {
	    background-color: #ffffff;
	    height: 70rpx;
	    border-radius: 39rpx;
	    display: flex;
	    padding-left: 20rpx;
	    align-items: center;
	    justify-content: space-between;
	
	    .iconfont {
	      color: #B1B6C5;
	      line-height: 70rpx;
	    }
	
	    input {
	      height: 70rpx;
	      line-height: 70rpx;
	      margin-left: 10rpx;
	      width: 600rpx;
	    }
	  }
	}
	
	.twoTabs {
	  width: @all_width;
	  height: @tabs_item_height;
	  line-height: @tabs_item_height;
	  display: flex;
	  background-color: @main_bg;
	  color: white;
	  font-size: 24rpx;
	
	  .item {
	    width: 50%;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	
	    .nav {
	      border-bottom: 6rpx solid @main_bg;
	      padding: 0 10rpx !important;
	      width: 90%;
	    }
	  }
	
	  .on {
	    .nav {
	      box-sizing: border-box;
	      border-bottom: 6rpx solid white !important;
	    }
	  }
	}
</style>
